<template>
    <div>
    <div class="imgbox">
        <img src="../../assets/img/团队logo.jpg" width="135px" height="135px"/>
    </div>
    <el-menu :default-active="activeIndex" class="el-menu-demo nva_style" mode="horizontal" @select="handleSelect">
        <el-row>
            <el-col :span="7">
                <div class="grid-content"></div>
            </el-col>
            <!--                <el-col :span="12">-->
            <!--                    <h1 class="">半点时光甜品店</h1>-->
            <!--                </el-col>-->
            <el-col :span="2">
                <el-menu-item index="4" @click="uindex()">首页</el-menu-item>
            </el-col>
            <el-col :span="2">
                <el-menu-item index="4" @click="cakes()">稻瘟病</el-menu-item>
            </el-col>
            <el-col :span="2">
                <el-menu-item index="4" @click="desserts()">白叶枯病</el-menu-item>
            </el-col>
            <el-col :span="2">
                <el-menu-item index="4" @click="puddings()">水稻曲病</el-menu-item>
            </el-col>
            <el-col :span="2">
                <el-menu-item index="4" @click="pictures()" align="center">识别</el-menu-item>
            </el-col>
            <el-col :span="2">
                <el-submenu index="2">
                    <template slot="title">用户中心</template>
<!--                    <el-menu-item index="2-1" @click="shoppingCart()">购物车</el-menu-item>-->
                    <el-menu-item index="2-2" @click="edit()">信息修改</el-menu-item>
                    <el-menu-item index="2-3" @click="loginOut()">退出登录</el-menu-item>
                </el-submenu>
            </el-col>
            <el-col :span="3">
            </el-col>
        </el-row>
    </el-menu>
        </div>
</template>

<script>
export default {
    name:"picture",
    methods:{
         regist(){
                this.$router.push('/u_regist');
            },
        uindex(){
                this.$router.push('/u_login_index');
            },
        cakes(){
                this.$router.push('/u_movie');
            },
        desserts(){
                this.$router.push('/u_book');
            },
        puddings(){
                this.$router.push('/u_music');
            },
        pictures(){
             this.$router.push('/u_pic');
        }

    }
}
</script>

<style scoped>
 .imgbox{
        text-align: center;
    }
</style>